<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>Table</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<script>// delete Document.prototype.adoptedStyleSheets</script>

	<script src="%VITE_BUNDLE_PATH%" type="module"></script>


</head>

<link rel="stylesheet" type="text/css" href="./styles/TableGrowingWithScroll.css">

<body class="tablegrowingwithscroll1auto">
	<section>
		<ui5-table id="tableThreeRows" growing="Scroll">
				<ui5-table-column id="column-1" slot="columns">
					<ui5-label>City</ui5-label>
				</ui5-table-column>
				<ui5-table-row>
					<ui5-table-cell><span>Dublin</span><ui5-table-cell>
				</ui5-table-row>
				<ui5-table-row>
					<ui5-table-cell><span>Sofia</span><ui5-table-cell>
				</ui5-table-row>
				<ui5-table-row >
					<ui5-table-cell><span>London</span><ui5-table-cell>
				</ui5-table-row>
		</ui5-table>
		<br><br>
		<ui5-input id="inputLoadMoreInitialCounter" value="0"></ui5-input>
	</section>

	<br><br>
	<ui5-input id="inputLoadMoreCounter"></ui5-input>
	<br><br>
	<ui5-button id="btnScroll">SrollToBottom</ui5-button>
	<br><br>

	<section>
			<ui5-table id="tbl" growing="Scroll">
				<ui5-table-column id="column-1" slot="columns" width="350px">
					<ui5-label>Product</ui5-label>
				</ui5-table-column>

				<ui5-table-column id="column-2" slot="columns" min-width="800" popin-text="Supplier">
					<ui5-label>Supplier</ui5-label>
				</ui5-table-column>

				<ui5-table-column id="column-3" slot="columns" min-width="600" popin-text="Dimensions" demand-popin>
					<div class="column-content">
						<ui5-label>Dimensions</ui5-label>
					</div>
				</ui5-table-column>

				<ui5-table-column id="column-4" slot="columns" min-width="600" popin-text="Weight" demand-popin>
					<ui5-label>Weight</ui5-label>
				</ui5-table-column>

				<ui5-table-column id="column-5" slot="columns">
					<ui5-label>Price</ui5-label>
				</ui5-table-column>
			</ui5-table>
	</section>
</body>

<script>
		var products = {
			"ProductCollection": [{
				"ProductId": "HT-1000",
				"Category": "Laptops",
				"MainCategory": "Computer Systems",
				"TaxTarifCode": "1",
				"SupplierName": "Very Best Screens",
				"WeightMeasure": 4.2,
				"WeightUnit": "KG",
				"Description": "Notebook Basic 15 with 2,80 GHz quad core, 15\" LCD, 4 GB DDR3 RAM, 500 GB Hard Disc, Windows 8 Pro",
				"Name": "Notebook Basic 15",
				"DateOfSale": "2017-03-26",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1000.jpg",
				"Status": "Available",
				"Quantity": 10,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 956,
				"Width": 30,
				"Depth": 18,
				"Height": 3,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1001",
				"Category": "Laptops",
				"MainCategory": "Computer Systems",
				"TaxTarifCode": "1",
				"SupplierName": "Very Best Screens",
				"WeightMeasure": 4.5,
				"WeightUnit": "KG",
				"Description": "Notebook Basic 17 with 2,80 GHz quad core, 17\" LCD, 4 GB DDR3 RAM, 500 GB Hard Disc, Windows 8 Pro",
				"Name": "Notebook Basic 17",
				"DateOfSale": "2017-04-17",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1001.jpg",
				"Status": "Available",
				"Quantity": 20,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 1249,
				"Width": 29,
				"Depth": 17,
				"Height": 3.1,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1002",
				"Category": "Laptops",
				"MainCategory": "Computer Systems",
				"TaxTarifCode": "1",
				"SupplierName": "Very Best Screens",
				"WeightMeasure": 4.2,
				"WeightUnit": "KG",
				"Description": "Notebook Basic 18 with 2,80 GHz quad core, 18\" LCD, 8 GB DDR3 RAM, 1000 GB Hard Disc, Windows 8 Pro",
				"Name": "Notebook Basic 18",
				"DateOfSale": "2017-01-07",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1002.jpg",
				"Status": "Available",
				"Quantity": 10,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 1570,
				"Width": 28,
				"Depth": 19,
				"Height": 2.5,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1003",
				"Category": "Laptops",
				"MainCategory": "Computer Systems",
				"TaxTarifCode": "1",
				"SupplierName": "Smartcards",
				"WeightMeasure": 4.2,
				"WeightUnit": "KG",
				"Description": "Notebook Basic 19 with 2,80 GHz quad core, 19\" LCD, 8 GB DDR3 RAM, 1000 GB Hard Disc, Windows 8 Pro",
				"Name": "Notebook Basic 19",
				"DateOfSale": "2017-04-09",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1003.jpg",
				"Status": "Available",
				"Quantity": 15,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 1650,
				"Width": 32,
				"Depth": 21,
				"Height": 4,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1007",
				"Category": "Accessories",
				"MainCategory": "Computer Components",
				"TaxTarifCode": "1",
				"SupplierName": "Technocom",
				"WeightMeasure": 0.2,
				"WeightUnit": "KG",
				"Description": "Digital Organizer with State-of-the-Art Storage Encryption",
				"Name": "ITelO Vault",
				"DateOfSale": "2017-05-17",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1007.jpg",
				"Status": "Available",
				"Quantity": 15,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 299,
				"Width": 32,
				"Depth": 22,
				"Height": 3,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1010",
				"Category": "Accessories",
				"MainCategory": "Computer Systems",
				"TaxTarifCode": "1",
				"SupplierName": "Very Best Screens",
				"WeightMeasure": 4.3,
				"WeightUnit": "KG",
				"Description": "Notebook Professional 15 with 2,80 GHz quad core, 15\" Multitouch LCD, 8 GB DDR3 RAM, 500 GB SSD - DVD-Writer (DVD-R/+R/-RW/-RAM),Windows 8 Pro",
				"Name": "Notebook Professional 15",
				"DateOfSale": "2017-02-22",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1010.jpg",
				"Status": "Available",
				"Quantity": 16,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 1999,
				"Width": 33,
				"Depth": 20,
				"Height": 3,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1011",
				"Category": "Laptops",
				"MainCategory": "Computer Systems",
				"TaxTarifCode": "1",
				"SupplierName": "Very Best Screens",
				"WeightMeasure": 4.1,
				"WeightUnit": "KG",
				"Description": "Notebook Professional 17 with 2,80 GHz quad core, 17\" Multitouch LCD, 8 GB DDR3 RAM, 500 GB SSD - DVD-Writer (DVD-R/+R/-RW/-RAM),Windows 8 Pro",
				"Name": "Notebook Professional 17",
				"DateOfSale": "2017-01-02",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1011.jpg",
				"Status": "Available",
				"Quantity": 17,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 2299,
				"Width": 33,
				"Depth": 23,
				"Height": 2,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1020",
				"Category": "Accessories",
				"MainCategory": "Computer Components",
				"TaxTarifCode": "1",
				"SupplierName": "Technocom",
				"WeightMeasure": 0.16,
				"WeightUnit": "KG",
				"Description": "Digital Organizer with State-of-the-Art Encryption for Storage and Network Communications",
				"Name": "ITelO Vault Net",
				"DateOfSale": "2017-05-08",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1020.jpg",
				"Status": "Available",
				"Quantity": 14,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 459,
				"Width": 10,
				"Depth": 1.8,
				"Height": 17,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1021",
				"Category": "Accessories",
				"MainCategory": "Computer Components",
				"TaxTarifCode": "1",
				"SupplierName": "Technocom",
				"WeightMeasure": 0.18,
				"WeightUnit": "KG",
				"Description": "Digital Organizer with State-of-the-Art Encryption for Storage and Secure Stellite Link",
				"Name": "ITelO Vault SAT",
				"DateOfSale": "2017-06-30",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1021.jpg",
				"Status": "Available",
				"Quantity": 50,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 149,
				"Width": 11,
				"Depth": 1.7,
				"Height": 18,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1022",
				"Category": "Accessories",
				"MainCategory": "Computer Components",
				"TaxTarifCode": "1",
				"SupplierName": "Technocom",
				"WeightMeasure": 0.2,
				"WeightUnit": "KG",
				"Description": "32 GB Digital Assistant with high-resolution color screen",
				"Name": "Comfort Easy",
				"DateOfSale": "2017-03-02",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1022.jpg",
				"Status": "Available",
				"Quantity": 30,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 1679,
				"Width": 84,
				"Depth": 1.5,
				"Height": 14,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1023",
				"Category": "Accessories",
				"MainCategory": "Computer Components",
				"TaxTarifCode": "1",
				"SupplierName": "Technocom",
				"WeightMeasure": 0.8,
				"WeightUnit": "KG",
				"Description": "64 GB Digital Assistant with high-resolution color screen and synthesized voice output",
				"Name": "Comfort Senior",
				"DateOfSale": "2017-02-25",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1023.jpg",
				"Status": "Available",
				"Quantity": 24,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 512,
				"Width": 80,
				"Depth": 1.6,
				"Height": 13,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1030",
				"Category": "Flat Screen Monitors",
				"MainCategory": "Computer Components",
				"TaxTarifCode": "1",
				"SupplierName": "Very Best Screens",
				"WeightMeasure": 21,
				"WeightUnit": "KG",
				"Description": "Optimum Hi-Resolution max. 1920 x 1080 @ 85Hz, Dot Pitch: 0.27mm",
				"Name": "Ergo Screen E-I",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1030.jpg",
				"Status": "Available",
				"Quantity": 14,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 230,
				"Width": 37,
				"Depth": 12,
				"Height": 36,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1031",
				"Category": "Flat Screen Monitors",
				"MainCategory": "Computer Components",
				"TaxTarifCode": "1",
				"SupplierName": "Very Best Screens",
				"WeightMeasure": 21,
				"WeightUnit": "KG",
				"Description": "Optimum Hi-Resolution max. 1920 x 1200 @ 85Hz, Dot Pitch: 0.26mm",
				"Name": "Ergo Screen E-II",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1031.jpg",
				"Status": "Available",
				"Quantity": 24,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 285,
				"Width": 40.8,
				"Depth": 19,
				"Height": 43,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1032",
				"Category": "Flat Screen Monitors",
				"MainCategory": "Computer Components",
				"TaxTarifCode": "1",
				"SupplierName": "Very Best Screens",
				"WeightMeasure": 21,
				"WeightUnit": "KG",
				"Description": "Optimum Hi-Resolution max. 2560 x 1440 @ 85Hz, Dot Pitch: 0.25mm",
				"Name": "Ergo Screen E-III",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1032.jpg",
				"Status": "Available",
				"Quantity": 50,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 345,
				"Width": 40.8,
				"Depth": 19,
				"Height": 43,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1035",
				"Category": "Flat Screen Monitors",
				"MainCategory": "Computer Components",
				"TaxTarifCode": "1",
				"SupplierName": "Very Best Screens",
				"WeightMeasure": 14,
				"WeightUnit": "KG",
				"Description": "Optimum Hi-Resolution max. 1600 x 1200 @ 85Hz, Dot Pitch: 0.24mm",
				"Name": "Flat Basic",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1035.jpg",
				"Status": "Available",
				"Quantity": 23,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 399,
				"Width": 39,
				"Depth": 20,
				"Height": 41,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1036",
				"Category": "Flat Screen Monitors",
				"MainCategory": "Computer Components",
				"TaxTarifCode": "1",
				"SupplierName": "Very Best Screens",
				"WeightMeasure": 15,
				"WeightUnit": "KG",
				"Description": "Optimum Hi-Resolution max. 2048 x 1080 @ 85Hz, Dot Pitch: 0.26mm",
				"Name": "Flat Future",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1036.jpg",
				"Status": "Available",
				"Quantity": 22,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 430,
				"Width": 45,
				"Depth": 26,
				"Height": 46,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1037",
				"Category": "Flat Screen Monitors",
				"MainCategory": "Computer Components",
				"TaxTarifCode": "1",
				"SupplierName": "Very Best Screens",
				"WeightMeasure": 17,
				"WeightUnit": "KG",
				"Description": "Optimum Hi-Resolution max. 2016 x 1512 @ 85Hz, Dot Pitch: 0.24mm",
				"Name": "Flat XL",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1037.jpg",
				"Status": "Available",
				"Quantity": 23,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 1230,
				"Width": 54.5,
				"Depth": 22.1,
				"Height": 39.1,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1040",
				"Category": "Printers",
				"MainCategory": "Printers & Scanners",
				"TaxTarifCode": "1",
				"SupplierName": "Alpha Printers",
				"WeightMeasure": 32,
				"WeightUnit": "KG",
				"Description": "Print 2400 dpi image quality color documents at speeds of up to 32 ppm (color) or 36 ppm (monochrome), letter/A4. Powerful 500 MHz processor, 512MB of memory",
				"Name": "Laser Professional Eco",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1040.jpg",
				"Status": "Available",
				"Quantity": 21,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 830,
				"Width": 51,
				"Depth": 46,
				"Height": 30,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1041",
				"Category": "Printers",
				"MainCategory": "Printers & Scanners",
				"TaxTarifCode": "1",
				"SupplierName": "Alpha Printers",
				"WeightMeasure": 23,
				"WeightUnit": "KG",
				"Description": "Up to 22 ppm color or 24 ppm monochrome A4/letter, powerful 500 MHz processor and 128MB of memory",
				"Name": "Laser Basic",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1041.jpg",
				"Status": "Available",
				"Quantity": 8,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 490,
				"Width": 48,
				"Depth": 42,
				"Height": 26,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1042",
				"Category": "Printers",
				"MainCategory": "Printers & Scanners",
				"TaxTarifCode": "1",
				"SupplierName": "Alpha Printers",
				"WeightMeasure": 17,
				"WeightUnit": "KG",
				"Description": "Print up to 25 ppm letter and 24 ppm A4 color or monochrome, with Available first-page-out-time of less than 13 seconds for monochrome and less than 15 seconds for color",
				"Name": "Laser Allround",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1042.jpg",
				"Status": "Available",
				"Quantity": 9,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 349,
				"Width": 53,
				"Depth": 50,
				"Height": 65,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1050",
				"Category": "Printers",
				"MainCategory": "Printers & Scanners",
				"TaxTarifCode": "1",
				"SupplierName": "Alpha Printers",
				"WeightMeasure": 3,
				"WeightUnit": "KG",
				"Description": "4800 dpi x 1200 dpi - up to 35 ppm (mono) / up to 34 ppm (color) - capacity: 250 sheets - Hi-Speed USB, Ethernet",
				"Name": "Ultra Jet Super Color",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1050.jpg",
				"Status": "Available",
				"Quantity": 17,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 139,
				"Width": 41,
				"Depth": 41,
				"Height": 28,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1051",
				"Category": "Printers",
				"MainCategory": "Printers & Scanners",
				"TaxTarifCode": "1",
				"SupplierName": "Printer for All",
				"WeightMeasure": 1.9,
				"WeightUnit": "KG",
				"Description": "1000 dpi x 1000 dpi - up to 35 ppm (mono) / up to 34 ppm (color) - capacity: 250 sheets - Hi-Speed USB - excellent dimensions for the small office",
				"Name": "Ultra Jet Mobile",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1051.jpg",
				"Status": "Available",
				"Quantity": 18,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 99,
				"Width": 46,
				"Depth": 32,
				"Height": 25,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1052",
				"Category": "Printers",
				"MainCategory": "Printers & Scanners",
				"TaxTarifCode": "1",
				"SupplierName": "Printer for All",
				"WeightMeasure": 18,
				"WeightUnit": "KG",
				"Description": "4800 dpi x 1200 dpi - up to 35 ppm (mono) / up to 34 ppm (color) - capacity: 250 sheets - Hi-Speed USB2.0, Ethernet",
				"Name": "Ultra Jet Super Highspeed",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1052.jpg",
				"Status": "Available",
				"Quantity": 25,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 170,
				"Width": 41,
				"Depth": 41,
				"Height": 28,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1055",
				"Category": "Multifunction Printers",
				"MainCategory": "Printers & Scanners",
				"TaxTarifCode": "1",
				"SupplierName": "Printer for All",
				"WeightMeasure": 6.3,
				"WeightUnit": "KG",
				"Description": "1000 dpi x 1000 dpi - up to 16 ppm (mono) / up to 15 ppm (color)- capacity 80 sheets - scanner (216 x 297 mm, 1200dpi x 2400dpi)",
				"Name": "Multi Print",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1055.jpg",
				"Status": "Available",
				"Quantity": 16,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 99,
				"Width": 55,
				"Depth": 45,
				"Height": 29,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1056",
				"Category": "Multifunction Printers",
				"MainCategory": "Printers & Scanners",
				"TaxTarifCode": "1",
				"SupplierName": "Printer for All",
				"WeightMeasure": 4.3,
				"WeightUnit": "KG",
				"Description": "1200 dpi x 1200 dpi - up to 25 ppm (mono) / up to 24 ppm (color)- capacity 80 sheets - scanner (216 x 297 mm, 2400dpi x 4800dpi, high resolution)",
				"Name": "Multi Color",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1056.jpg",
				"Status": "Available",
				"Quantity": 5,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 119,
				"Width": 51,
				"Depth": 41.3,
				"Height": 22,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1060",
				"Category": "Mice",
				"MainCategory": "Computer Components",
				"TaxTarifCode": "1",
				"SupplierName": "Oxynum",
				"WeightMeasure": 0.09,
				"WeightUnit": "KG",
				"Description": "Cordless Optical USB Mice, Laptop, Color: Black, Plug&Play",
				"Name": "Cordless Mouse",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1060.jpg",
				"Status": "Available",
				"Quantity": 25,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 9,
				"Width": 6,
				"Depth": 14.5,
				"Height": 3.5,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1061",
				"Category": "Mice",
				"MainCategory": "Computer Components",
				"TaxTarifCode": "1",
				"SupplierName": "Oxynum",
				"WeightMeasure": 0.09,
				"WeightUnit": "KG",
				"Description": "Optical USB, PS/2 Mouse, Color: Blue, 3-button-functionality (incl. Scroll wheel)",
				"Name": "Speed Mouse",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1061.jpg",
				"Status": "Available",
				"Quantity": 12,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 7,
				"Width": 7,
				"Depth": 15,
				"Height": 3.1,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1062",
				"Category": "Mice",
				"MainCategory": "Computer Components",
				"TaxTarifCode": "1",
				"SupplierName": "Oxynum",
				"WeightMeasure": 0.03,
				"WeightUnit": "KG",
				"Description": "Optical USB Mouse, Color: Red, 5-button-functionality(incl. Scroll wheel), Plug&Play",
				"Name": "Track Mouse",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1062.jpg",
				"Status": "Available",
				"Quantity": 12,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 11,
				"Width": 3,
				"Depth": 7,
				"Height": 4,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1063",
				"Category": "Keyboards",
				"MainCategory": "Computer Components",
				"TaxTarifCode": "1",
				"SupplierName": "Oxynum",
				"WeightMeasure": 2.1,
				"WeightUnit": "KG",
				"Description": "Ergonomic USB Keyboard for Desktop, Plug&Play",
				"Name": "Ergonomic Keyboard",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1063.jpg",
				"Status": "Available",
				"Quantity": 50,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 14,
				"Width": 50,
				"Depth": 21,
				"Height": 3.5,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1064",
				"Category": "Keyboards",
				"MainCategory": "Computer Components",
				"TaxTarifCode": "1",
				"SupplierName": "Oxynum",
				"WeightMeasure": 1.8,
				"WeightUnit": "KG",
				"Description": "Corded Keyboard with special keys for Internet Usability, USB",
				"Name": "Internet Keyboard",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1064.jpg",
				"Status": "Available",
				"Quantity": 35,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 16,
				"Width": 52,
				"Depth": 25,
				"Height": 3,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1065",
				"Category": "Keyboards",
				"MainCategory": "Computer Components",
				"TaxTarifCode": "1",
				"SupplierName": "Oxynum",
				"WeightMeasure": 2.3,
				"WeightUnit": "KG",
				"Description": "Corded Ergonomic Keyboard with special keys for Media Usability, USB",
				"Name": "Media Keyboard",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1065.jpg",
				"Status": "Available",
				"Quantity": 26,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 26,
				"Width": 51.4,
				"Depth": 23,
				"Height": 4,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1066",
				"Category": "Mousepads",
				"MainCategory": "Computer Components",
				"TaxTarifCode": "1",
				"SupplierName": "Oxynum",
				"WeightMeasure": 80,
				"WeightUnit": "G",
				"Description": "Nice mouse pad with ITelO Logo",
				"Name": "Mousepad",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1066.jpg",
				"Status": "Available",
				"Quantity": 12,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 6.99,
				"Width": 15,
				"Depth": 6,
				"Height": 0.2,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1067",
				"Category": "Mousepads",
				"MainCategory": "Computer Components",
				"TaxTarifCode": "1",
				"SupplierName": "Oxynum",
				"WeightMeasure": 80,
				"WeightUnit": "G",
				"Description": "Ergonomic mouse pad with ITelO Logo",
				"Name": "Ergo Mousepad",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1067.jpg",
				"Status": "Available",
				"Quantity": 16,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 8.99,
				"Width": 15,
				"Depth": 6,
				"Height": 0.2,
				"DimUnit": "cm"
			}, {
				"ProductId": "HT-1068",
				"Category": "Mousepads",
				"MainCategory": "Computer Components",
				"TaxTarifCode": "1",
				"SupplierName": "Fasttech",
				"WeightMeasure": 90,
				"WeightUnit": "G",
				"Description": "ITelO Mousepad Special Edition",
				"Name": "Designer Mousepad",
				"ProductPicUrl": "test-resources/sap/ui/documentation/sdk/images/HT-1068.jpg",
				"Status": "Available",
				"Quantity": 26,
				"UoM": "PC",
				"CurrencyCode": "EUR",
				"Price": 12.99,
				"Width": 24,
				"Depth": 24,
				"Height": 0.6,
				"DimUnit": "cm"
			}]
		};
		var INITIAL_ROWS = 20;
		var NEW_ROWS = 8;
		var table = document.getElementById("tbl");
		var tableInitialScroll = document.getElementById("tableThreeRows");
		var btnScroll = document.getElementById("btnScroll");
		var loadMoreTracker = 1;
		var loadMoreInitialTracker = 1;
		var timeoutTracker = null;

		function init(tbl, rows) {
			var html = '';
			products.ProductCollection.slice(0, rows).forEach(function (product, index, arr) {
				var test = "<ui5-table-row  id=roll-".concat(index, ">\n\t\t\t\t\t\t\t<ui5-table-cell>\n\t\t\t\t\t\t\t\t<div class=\"double-line-content\">\n\t\t\t\t\t\t\t\t\t<ui5-label>\n\t\t\t\t\t\t\t\t\t\t<b>").concat(product.Name, "</b>\n\t\t\t\t\t\t\t\t\t</ui5-label>\n\t\t\t\t\t\t\t\t\t<ui5-label style=\"margin-top: 0.5rem\">").concat(product.ProductId, "</ui5-label>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</ui5-table-cell>\n\n\t\t\t\t\t\t\t<ui5-table-cell>\n\t\t\t\t\t\t\t\t<ui5-label class=\"middle\" >").concat(product.SupplierName, "</ui5-label>\n\t\t\t\t\t\t\t</ui5-table-cell>\n\n\t\t\t\t\t\t\t<ui5-table-cell>\n\t\t\t\t\t\t\t\t<ui5-label class=\"middle\" >").concat(product.Width, " x ").concat(product.Depth, " x ").concat(product.Height, " ").concat(product.DimUnit, "</ui5-label>\n\t\t\t\t\t\t\t</ui5-table-cell>\n\n\t\t\t\t\t\t\t<ui5-table-cell>\n\t\t\t\t\t\t\t\t<ui5-label style=\"color: #2b7c2b\" class=\"middle\">\n\t\t\t\t\t\t\t\t\t<b>").concat(product.WeightMeasure, "</b> ").concat(product.WeightUnit, "</ui5-label>\n\t\t\t\t\t\t\t</ui5-table-cell>\n\n\t\t\t\t\t\t\t<ui5-table-cell>\n\t\t\t\t\t\t\t\t<ui5-label class=\"middle\" >\n\t\t\t\t\t\t\t\t\t<b>").concat(product.Price, "</b> ").concat(product.CurrencyCode, "</ui5-label>\n\t\t\t\t\t\t\t</ui5-table-cell>\n\n\t\t\t\t\t\t</ui5-table-row>");
				html += test;
			});

			tbl.insertAdjacentHTML('beforeend', html);
		}

		function loadMore() {
			table.busy = true;

			++loadMoreTracker;
			inputLoadMoreCounter.value = `${loadMoreTracker - 1}`;

			if (timeoutTracker) {
				clearTimeout(timeoutTracker);
			}

			timeoutTracker = setTimeout(function() {
				init(table, NEW_ROWS);
				table.busy = false;
			}, 1500);
		}

		table.addEventListener("ui5-load-more", loadMore);
		tableInitialScroll.addEventListener("ui5-load-more", () => {
			++loadMoreInitialTracker;
			document.getElementById("inputLoadMoreInitialCounter").value = `${loadMoreInitialTracker - 1}`;
		});

		btnScroll.addEventListener("click", function() {
			document.scrollingElement.scrollTop = document.scrollingElement.scrollHeight;
		});

		init(table, INITIAL_ROWS);
</script>
</html>
